<?php
/**
 * Created by PhpStorm.
 * User: dreamy
 * Date: 2019-05-15
 * Time: 11:14
 */
use yii\helpers\Html;
?>
<!doctype html>
<html lang="zh">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="keywords" content="记账功能,公司账介绍">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/public/css/bootstrap.min.css">
    <!-- fontawesome fonts CSS -->
    <link rel="stylesheet" type="text/css" href="/public/css/aos.css">
    <!-- style CSS -->
    <link rel="stylesheet" href="/public/css/style.css">
    <title>功能简介 - 公司账</title>
    <?php echo $this->render('../public/ele.php');?>

</head>

<body>
    <div class="preloader">
        <div class="lds-ripple">
            <div class="lds-pos"></div>
            <div class="lds-pos"></div>
        </div>
    </div>
    <div class="preloader">
        <div class="lds-ripple">
            <div class="lds-pos"></div>
            <div class="lds-pos"></div>
        </div>
    </div>
<!--引入页面头部-->
<?php echo $this->render('../public/header_page.php')?>

<!-- pageheader start -->
    <!-- hero slide third start -->
    <div class="hero-slide-third">
        <div class="container">
            <div class="row">
                <div class=" col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 ">
                    <!-- pagecaption start -->
                    <div class="hero-slide-third-caption" data-aos="fade-up">
                        <h1 class="hero-slide-third-caption-title">一款老板能看懂的企业记账软件 </h1>
                        <p class="hero-slide-third-caption-text">把生意装进口袋，让记账变得更简单</p>
                        <a href="#" class="btn btn-secondary ">立即试用</a>
                    </div>
                    <!-- pagecaption close -->
                </div>
                <div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12">
                    <!-- pagecaption start -->
                    <div class="hero-slide-third-img" data-aos="fade-up" data-aos-delay="1000">
                        <img src="/public/images/iphonex-img-1.png " alt="" class="">
                    </div>
                    <!-- pagecaption close -->
                </div>
            </div>
        </div>
    </div>
    <!-- hero slide third close -->
    <!-- pattern -->
    <div class="pattern-bottom">
        <div class="pattern-slide"></div>
    </div>
    <!-- pattern -->
    <!-- pageheader close -->
   
    <!-- client block start -->
    <div class="space-large">
        <div class="container">
            <div class="row">
                <div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 text-center m-b-60" data-aos="fade-up">
                    <!-- section heading start -->
                    <div class="section-heading">
                        <h2>颠覆传统软件 让记账不可思议的简单</h2>
                        <p class="pl-5 pr-5">网络操作，异地协同，数据实时管控</p>
                    </div>
                    <!-- section heading close -->
                </div>
            </div>
            <div class="row">
                <!-- feature block start -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                    <div class="feature-block feature-block-v3 " data-aos="fade-up">
                        <div class="feature-content">
                            <div class="feature-icon blue-gradient-bg">
                                <i class="flaticon-031-search"></i></div>
                            <h4>全功能记账</h4>
                            <p>手动与自动相结合的多维记账方式</p>
                        </div>
                    </div>
                </div>
                <!-- feature block start -->
                <!-- feature block start -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                    <div class="feature-block feature-block-v3 " data-aos="fade-up">
                        <div class="feature-content">
                            <div class="feature-icon green-gradient-bg">
                                <i class="flaticon-035-optimization-1"></i></div>
                            <h4>多重加密保障</h4>
                            <p>一账三地容灾备份，银行级别加密</p>
                        </div>
                    </div>
                </div>
                <!-- feature block start -->
                <!-- feature block start -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                    <div class="feature-block feature-block-v3 " data-aos="fade-up">
                        <div class="feature-content">
                            <div class="feature-icon borse-gradient-bg ">
                                <i class="flaticon-019-indicator"></i></div>
                            <h4>全资产记账法</h4>
                            <p>掌握资产信息，追求财富增值</p>
                        </div>
                    </div>
                </div>
                <!-- feature block start -->
            </div>
        </div>
    </div>
    <!-- client block close -->
    <!-- features section start -->
    <div class="feature-section-v4 feature-section bg-light ">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-content" data-aos="fade-up">
                        <h2>无需任何会计知识轻松记账</h2>
                        <p>智能管理应收应付，轻松解决复杂的往来账务。.</p>
                        <hr class="m-t-40 m-b-40">
                        <a href="register" class="btn btn-secondary">立即注册</a>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-img-bg" data-aos="fade-down">
                    </div>
                    <div class="feature-section-img" data-aos="fade-up">
                        <img src="/public/images/app-screen-1.png" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- features section close -->
    <!-- features section start -->
    <div class="feature-section-v5 feature-section bg-light ">
        <div class="container">
            <div class="row">
                <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-img-bg" data-aos="fade-down">
                    </div>
                    <div class="feature-section-img" data-aos="fade-up">
                        <img src="/public/images/app-screen-2.png" alt="" class="img-fluid">
                    </div>
                </div>
                <div class=" col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-content" data-aos="fade-up">
                        <h2>随时随地随心记账</h2>
                        <p>多人协同记账，支持移动记账，更高效更便捷。
                        </p>
                        <hr class="m-t-40 m-b-40">
                        <a href="register" class="btn btn-secondary">立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- features section close -->
    <!-- features section start -->
    <div class="feature-section-v4 feature-section bg-light ">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-content" data-aos="fade-up">
                        <h2>安全至极 账户保障</h2>
                        <p>精准计算，使用全球领先、安全稳定的云服务器计算服务，U盾、锁屏、权限管理，多重安全设置</p>
                        <hr class="m-t-40 m-b-40">
                        <a href="register" class="btn btn-secondary">立即注册</a>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                    <div class="feature-section-img-bg" data-aos="fade-down">
                    </div>
                    <div class="feature-section-img" data-aos="fade-up">
                        <img src="/public/images/app-screen-3.png" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- process block start -->
    <div class="space-medium bg-light">
        <div class="container">
            <div class="row">
                <div class="offset-xl-1 col-xl-10 col-lg-12 col-md-12 col-sm-12 col-12 text-center" data-aos="fade-up">
                    <!-- section heading start -->
                    <div class="section-heading">
                        <h2>客户体验</h2>
                    </div>
                    <!-- section heading close -->
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                    <!-- testimonial block -->
                    <div class="testimonial-block-v13 testimonial-block " data-aos="fade-down">
                        <!-- testimonial content -->
                        <div class="testimonial-content">
                            <!-- testimonial meta -->
                            <div class="testimonial-meta">
                                <h5 class="testimonial-meta-name fontweight-bold">李盘银 </h5>
                                <div class="rating">
                                    <ul class="list-unstyled">
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                </ul>
                                </div>
                            </div>
                            <p class="testimonial-text">“以前我们记账都是用EXXCEL表，前期还勉强应付得过来，数据多了账就乱了，公司账很方便的解决了这个问题，总共收了多少，多少没收，非常清晰。”</p>
                        </div>
                        <!-- testimonial content -->
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="testimonial-block-v13 testimonial-block " data-aos="fade-down">
                        <!-- testimonial content -->
                        <div class="testimonial-content">
                            <!-- testimonial meta -->
                            <div class="testimonial-meta">
                                <h5 class="testimonial-meta-name fontweight-bold">王镜羊</h5>
                                <div class="rating">
                                    <ul class="list-unstyled">
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                    <li class="fas fa-star"></li>
                                </ul>
                                </div>
                            </div>
                            <p class="testimonial-text">“我们是小的装饰公司，每天都在忙项目上的事，和供应商对账非常繁琐，要占用大量的时间，我觉得账本最好用的就是供应商管理，现在对账就是分分钟的事，每个项目用了供应商多少材料，一目了然” </p>
                        </div>
                        <!-- testimonial content -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- cta section -->
    <div class="cta-section-v2 cta-section">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="cta-section-content" data-aos="fade-up">
                        <h2 class="cta-section-title">下载手机APP版</h2>
                        <a href="/download" class=""><img src="/public/images/app-store.png" alt=""></a>
                        <a href="/download" class=""><img src="/public/images/google-play.png" alt=""> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- cta section -->
    <div class="pattern-bottom">
        <div class="pattern-slide"></div>
    </div>
<!--引入页面尾部-->
<?php echo $this->render('../public/footer_page.php')?>

    <a href="javascript:" id="return-to-top" class="returntotop"><i class="fa fa-angle-up"></i></a>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/public/js/jquery-3.3.1.min.js"></script>
    <script src="/public/js/bootstrap.min.js"></script>
    <script src="/public/js/main-js.js"></script>
    <script src="/public/js/aos.js"></script>
    <script src="/public/js/return-to-top.js"></script>
    <script src="/public/js/aos-function.js"></script>
</body>

</html>
